import styled from "styled-components";

export const AuthorShowWrapper = styled.div`
    display: flex;
    flex-wrap: wrap;
    height:100px;
    border-bottom: 2px solid #B0B0B0;
    padding: 10px 0;

    .author_info {
        padding:4px 15px;
        .author_name {
            font-size:15px;
            font-weight:700;
            color: #5C5C5C;
           
        }

        .author_personality {
            letter-spacing:2px;
            font-size:8px;
            color:#DAA520;
    
        }
    
        .author_description {
            font-size:13px;
            color:#999999;
        }
        
    }
`

export const ContenShowWrapper = styled.div`
    padding: 10px 0;

    .header {
        display:flex;
        margin:8px 4px;

        .title {
            color:#696969;//#7A7A7A;
            font-size:16px;
            font-weight:700;
            letter-spacing:1px;
            margin-left:4px;
        }

        .theme {
            font-size:5px;
            text-align:center;
            border-radius:16px;
            margin: 5px 10px;;
            padding: 0 4px;
            background:#F0F0F0;
            left:10px;
        }

        .pubtime {
            line-height:28px;
            margin-left:15px;
            color:#696969;
        }

    }

    .content {
        display: flex;

        div {
            padding: 0 10px;
        }
        
        text {
            font-size:14px;
            letter-spacing:1px;
            line-height:20px;
            color:#7A7A7A;
            text-indent: 2em;
        }
    }



`